<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="menu/menu.css">
    <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <script src="/js/axios.min.js"></script>
    <script src="/js/query.js"></script>
    <script src="/menu/js/menu.js"></script>
</head>
<body>
<div class="box">
    <div class="box-left" >
        <nav>
            <ul class="menus">
                <li class="li" id="li1">
                    <i class="fa fa-th-large" aria-hidden="true"></i>
                    资料管理
                    <ul>
                        <li> <a href="students.html" target="myiframe">学生管理</a><br></li>
                        <li><a href="class.html" target="myiframe">班级管理</a></li>
                    </ul>
                </li>
                <li class="li" id="li2">
                    <i class="fa fa-check-square" aria-hidden="true"></i>
                    房间管理
                    <ul>
                        <li><a href="room.html" target="myiframe">房间信息</a></li>
                    </ul>
                </li>
                <li class="li" id="li3">
                    <i class="fa fa-comment" aria-hidden="true"></i>
                    系统管理
                    <ul>
                        <li><a href="user.html" target="myiframe">用户信息管理</a></li>
                    </ul>
                </li>
                <li class="li" id="li4">
                    <i class="fa fa-tags" aria-hidden="true"></i>
                    个人信息修改
                    <ul>
                        <li><a href="alter.html" target="myiframe">修改密码</a></li>
                    </ul>
                </li>
            </ul>
        </nav>
    </div>
    <iframe name="myiframe" width="900" height="800" class="box-2" style=" background-image: url('/image/3.jpg');background-size: cover"></iframe>
</div>
</body>
</html>